<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Min App Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="__PUBLIC__/Index/css/contact.css" rel='stylesheet' type='text/css'>
<link href="__PUBLIC__/Index/css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="__PUBLIC__/Index/css/style.css" rel="stylesheet" type="text/css" media="all" />	    
<script src="__PUBLIC__/Index/js/jquery.min.js"></script>
 <!---- start-smoth-scrolling---->
<script type="text/javascript" src="__PUBLIC__/Index/js/move-top.js"></script>
<script type="text/javascript" src="__PUBLIC__/Index/js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
<script src="__PUBLIC__/Index/js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 100,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>

</head>
<body>
		<div class="header">
			<div class="header-top">
				<div class="container">
				<div class="logo">
					<a href="index.html"><img src="__PUBLIC__/Index/images/logo.png"></a>
				</div>
				<div class="top-menu">
					 <span class="menu"> </span> 
					 <ul>
						<li><a href="#about" class="scroll">关于我们</a></li>
						<li><a href="#services" class="scroll">服务</a></li>
						<li><a href="__URL__/prices">价格</a></li>
						<li><a href="__URL__/contact">联络</a></li>
					</ul>
					</div>
					<div class="clearfix"> </div>
					 <!-- script-for-menu -->
		 <script>					
					$("span.menu").click(function(){
						$(".top-menu ul").slideToggle("slow" , function(){
						});
					});
		 </script>
		 <!-- script-for-menu -->

					</div>
				</div>
				</div>
				<div class="banner">
					<div class="container">
						<div class="banner-grids">
						<div class="col-md-6 left-grid">
							<img src="__PUBLIC__/Index/images/m2.jpg" class="img-responsive" alt="/">
						</div>
						<div class="col-md-6 right-grid slider">
						<div class="callbacks_container">
			  		<ul class="rslides" id="slider">
					 <li>	 
					 <h1>自由的 APP</h1>         
					<p>移动互联网时代，APP已进入饮食、服装、汽车、新闻、房产、阅读、旅游、建材等等领域</p>
					<a href="#" class="button  hvr-shutter-in-horizontal">更多</a>					 
					</li>
				 	<li>	          
					<h1>APP的未来</h1>
					<p>随着移动设备的快速崛起，APP呈现爆发式增长，移动APP正对行业很多行业产生变革。</p>
					<a href="#" class="button  hvr-shutter-in-horizontal">更多</a>
				 	</li>
				 	<li>	          
					<h1>移动设计</h1>				
					<p>国际化是人类历史上目前正在经历的最伟大的机遇，我们可以用移动互联网来实现信息的对称</p>
					<a href="#" class="button hvr-shutter-in-horizontal">更多</a>			 	
					</li>
			  </ul>
		  </div>
		  </div>
		  <div class="clearfix"> </div>
		</div>
	</div>
	</div>
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
			
			<div class="content">
				<div class="service-section" id="services">
					<div class="container">
						<h3> 我们的服务</h3>
						<div class="service-grids">
							<div class="col-md-4 service-grid">
								<img src="__PUBLIC__/Index/images/icon1.png">
								<h4>苹果</h4>
								
								<a href="#" class="button hvr-shutter-in-horizontal">更多</a>
							</div>
							<div class="col-md-4 service-grid">
								<img src="__PUBLIC__/Index/images/icon2.png">
								<h4>安卓</h4>
								
								<a href="#" class="button hvr-shutter-in-horizontal">更多</a>
							</div>
							<div class="col-md-4 service-grid">
								<img src="__PUBLIC__/Index/images/icon3.png">
								<h4>windows</h4>
								
								<a href="#" class="button hvr-shutter-in-horizontal">更多</a>
							</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					<div class="about-section" id="about" >
					<div class="container">
						<h3>关于我们</h3>
						<div class="about-grids">
							<div class="col-md-6 left-about">
								<div class="about-grid1">
									<h4>蓝凌</h4>
									<p>蓝凌(北京)科技有限公司是一家致力于打造精品移动平台软件的综合性公司，注册资金100W。公司提供定制化及专业解决方案两类产品服务，开发领域涉及iPhone、iPad、Android和Windows Phone等移动平台；行业类型涉及新闻、交友、电商、美容旅游、健康、教育、餐饮、数码、出版等行业。公司为客户提供高效率、高质量的服务，通过科学严谨的实施方案，完善的项目流程管理，优秀的技术成果获得了客户极高的评价</p>
									</div>
									<div class="about-grid2">
										<h4>皮肤使用</h4>
										<section id="skills">
					<progress value="90" max="100"> </progress><span>HTML/HTML5</span>
					<progress value="95" max="100"> </progress><span>CSS/CSS3</span>
					<progress value="85" max="100"> </progress><span>Photoshop / IlLustrator</span>
					<progress value="80" max="100"> </progress><span>Mobile design / Responsive design</span>
					</section>
				
								</div>
						    </div>
						   <div class="col-md-6 right-about">
							  <div class="google-map">
                                                              <!--
                                                              <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3021.0814617966994!2d-73.96467908332265!3d40.782223218920294!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2589a018531e3%3A0xb9df1f7387a94119!2sCentral+Park!5e0!3m2!1sen!2sin!4v1420805667126">
                                                                  
                                                              </iframe>
                                                              -->
								</div>
								<div class="contact">
									<form>
								<input type="text" class="text" value="name " onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name ';}">
								 <input type="text" class="text" value="phone " onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'phone ';}">
								 <input type="text" class="text" value="email " onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email ';}">
									<div class="contact1">
									<textarea value="message" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Message';}">Message </textarea>
					 					<input type="submit" value="send">
								</form>		
								</div>
							</div>
						</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-section">
					<div class="container">
						<div class="footer-top">
					<p>Copyright &copy; 2015.Company name All rights reserved.More Templates  </p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


					</div>
					</div>
</body>
</html>